<template>
  <div class="pad-20 bgc-default">
    <div class="tab-sticky">
      <el-tabs v-model="activeName">
        <el-tab-pane label="主播管理" name="0"></el-tab-pane>
        <el-tab-pane label="主播申请" name="1"></el-tab-pane>
      </el-tabs>
    </div>
    <div class="bg-color-white pad-20 mar-t-20">
      <!--主播管理-->
      <anchor-management v-if="activeName == 0"></anchor-management>
      <!--主播申请-->
      <anchor-apply v-if="activeName == 1"></anchor-apply>
    </div>
  </div>
</template>

<script>
  import anchorApply from './components/anchor-apply'
  import anchorManagement from './components/anchor-management'

  export default {
    components: { anchorApply, anchorManagement },
    data() {
      return {
        activeName: '0'
      }
    }
  }
</script>

<style lang="less" scoped>
.tab-sticky {
  position: sticky;
  top: 0px;
  left: 20px;
  width: calc(100% + 40px);
  background: white;
  z-index: 1000;
  padding-top: 10px;
  padding-left: 17px;
  margin-left: -20px;
  margin-top: -20px;
  /deep/ .el-tabs__header {
    margin: 0;
  }
}
</style>
